.classify-header-container{
    width: 3.75rem;
    height: .625rem;
    background: #fff;
    position: fixed;
    top: 0;
}
.classify-header-wrapper{
    width: 3.75rem;
    height: .625rem;
    display: flex;
    align-items: center;
    justify-content: start;
}
.classify-header-wrapper input{
    width: 2.1rem;
    height: .3125rem;
    margin-left: .1875rem;
    border-radius: 20px;
    border: 1px solid lightgray;
    outline: none;
    text-indent: 2em;
    background: lightgray;
}
.classify-context-container{
    width: 3.75rem;
    height: 5.51rem;
    /* background: skyblue; */
    margin-top: 64px;
}
.classify-context-wrapper{
    width: 3.75rem;
    height: 5.51rem;
    /* background: skyblue; */
    display: flex;
    align-items: center;
    justify-content: center;
}
.classify-context-left{
    width: 1rem;
    height: 5.51rem;

}
.classify-context-right{
    width: 2.75rem;
    height: 5.51rem;
    overflow: scroll;
}
.classify-context-right-wrapper{
    width: 2.75rem;
    /* height: 5.51rem; */
    display: flex;
    align-items: center;
    justify-content: start;
    flex-wrap: wrap;
}
.classify-left-item{
    width: 1rem;
    height: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.classify-left-item-active{
    width: 0.93rem;
    height: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 3px solid red;
    color: red;
}

.classify-item-wrapper{
    width: 0.9rem;
    height: 1.2rem;
    /* background: skyblue; */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    /* margin: .3125rem 0; */
}
.classify-item-img{
    width: 0.9rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.classify-item-img img{
    width: 80%;
}

.classify-wrpapper-container{
    width: 3.75rem;
    height: 2rem;
}
.classify-wrpapper-container img{
    width: 70%;
    height: 2rem;
}

